<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="shortcut icon" href="show_files/favicon0.ico" />
<title>DATA_SITE_TITLE - Account Registration</title>
<!--<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">-->
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<link href="external css/maintxt.css" rel="stylesheet" type="text/css">
<link href="external css/centercontainer.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onLoad="MM_preloadImages('assets/navigation/navabout3_01.gif','assets/navigation/aboutnavig1_02.gif','assets/navigation/aboutnavig1_03.gif','assets/navigation/aboutnavig1_04.gif','assets/navigation/mainnav1_01.gif','assets/navigation/mainnav3_02.gif','assets/navigation/catalog2.gif','assets/navigation/mainnav1_04.gif','assets/navigation/mainnav1_05.gif','assets/navigation/mainnav1_06.gif','assets/navigation/mainnav1_07.gif','assets/navigation/mainnav1_08.gif')">
<div id="container">
DATA_menuheader
  <div id="Form">
DATA_form  </div>
  <div id="side1left" style="position:absolute; left:150px; top:-30px; width:39px; height:751px; z-index:7; background-color: #ececd2; layer-background-color: #ececd2; border: 1px none #000000;"></div>
  <div id="side1right" style="position:absolute; left:834px; top:0px; width:39px; height:721px; z-index:11; background-color: #ececd2; layer-background-color: #ececd2; border: 1px none #000000; font-size: 14px;"></div>
  <div id="side2right" style="position:absolute; left:855px; top:1px; width:162px; height:704px; z-index:4"></div>
  <div id="furniture1" style="position:absolute; left:59px; top:9px; width:155px; height:328px; z-index:16"><img src="assets/ornaments/ornament1a.gif" width="133" height="295"></div>
  <div id="Middle" style="position:absolute; left:189px; top:0px; width:659px; height:720px; z-index:6; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;"></div>
  <div class="style10" id="registrationtit" style="position:absolute; left:229px; top:157px; width:347px; height:33px; z-index:20; font-size: 12px;">Update or change your personal details</div>
  <div id="adresbottom" style="position:absolute; left:229px; top:680px; width:552px; height:41px; z-index:15;">
    <div align="center" class="style1">
      <div id="Layer3" style="position:absolute; width:439px; height:25px; z-index:13; left: 77px; top: -2px;">
        <table width="100%"  border="0" cellpadding="0" cellspacing="0" id="txtadres">
          <tr>
            <td><div align="center" class="footer">&copy; 2014 -  KINI - Jl. Wates Km.12, Gubug, Argosari, Sedayu, Bantul<br>
              Yogyakarta 55752 Indonesia </div></td>
          </tr>
        </table>
      </div>
    </div>
  </div>
  <div id="furniture3" style="position:absolute; left:834px; top:-18px; width:98px; height:214px; z-index:18">
    <p>&nbsp;</p>
    <p><img src="assets/ornaments/ornament3a.gif" width="176" height="454"></p>
  </div>
  <div id="Layer1" style="position:absolute; left:212px; top:25px; width:201px; height:70px; z-index:7; font-size: 14px;"><img src="assets/admin/DATA_SITE_LOGO_FRONT" width="200" height="69"></div>
  <div id="furniture2" style="position:absolute; left:76px; top:331px; width:120px; height:343px; z-index:17"><img src="assets/ornaments/ornament2a.gif" width="117" height="249"></div>
  <div id="Layer4" style="position:absolute; left:214px; top:650px; width:594px; height:24px; z-index:19; background-image: url(assets/ornaments/lijnonder.gif); layer-background-image: url(assets/ornaments/lijnonder.gif); border: 1px none #000000;"></div>
  <div id="Layer2" style="position:absolute; left:637px; top:510px; width:181px; height:115px; z-index:21"><strong><img src="assets/ornament_profile.jpg" alt="cube" width="170" height="125" /></strong></div>
</div>
<script language="javascript">
  setFocusOnUserName();
 
 function setFocusOnUserName()
	{
		document.registration.user.focus();
	}
function IsEmail(object,fieldName)
	{		 
		  var sMessage='';
		  var bValidated = true;
		  var Focus='';


			var object1 =object.value.toLowerCase();
				if (object.value.length != 0) 
					{
		  			var objectformat = /^[^@\s]+@([-a-z0-9]+\.)+([a-z]{2}|com|net|edu|org|gov|mil|int|biz|pro|info|arpa|aero|coop|name|museum)$/;
					if (!objectformat.test(object1)) 
						{
						 sMessage+="Please enter a valid id of "+fieldName;
						 if(Focus =="")
						 Focus =object;	
						 bValidated = false;
						}
					}
		  
		
		if (sMessage!='') 
			{ 
			alert(sMessage); 
			Focus.focus();
			return false;
			}
		else
		  	return true;		  
	}
function isNum(val) {

   if (val.value.length != 0) {
   
      for (i = 0; i < val.value.length; i++) 
	  {
         var ch = val.value.charAt(i);
		 
         if (ch >= "0" && ch <= "9") 
		  continue;
          else 
		  	{
				alert(document.getElementById('Num_value').innerHTML+"\\n");
				val.value = "";
		 		val.focus();
		  		
			false;
          	}
      	}
   	}
   return true;
} 
function Valid_register(frm)
	{
	var message='';
	var ckeckFocus=0;
	
	if(frm.noktp.value=='')
	{

	
			if(ckeckFocus!=1)
				frm.noktp.focus();
				message=message+document.getElementById('ktp_alert').innerHTML+"\\n";		
			var ckeckFocus=1;	     	  
		} 
	else
		{ 
			var ret=Valid_ktp(frm.noktp.value);
			if(ret==1)
				{

				if(ckeckFocus!=1)
					frm.noktp.focus();
					message=message+document.getElementById('ktp_exists').innerHTML+"\\n";	
					var ckeckFocus=1;	
				}
		}		

	if(frm.user.value=='')
	{

	
			if(ckeckFocus!=1)
				frm.user.focus();
				message=message+document.getElementById('login_alert').innerHTML+"\\n";		
			var ckeckFocus=1;	     	  
		} 
	else
		{ 
			var ret=Valid_username(frm.user.value);
			
			if(ret==1)
				{

				if(ckeckFocus!=1)
					frm.user.focus();
					message=message+document.getElementById('login_exists').innerHTML+"\\n";	
					var ckeckFocus=1;	
				}
		}		
	
	if(frm.pass.value=='')
	{
	
			if(ckeckFocus!=1)
				frm.pass.focus();
				message=message+document.getElementById('pass_exists').innerHTML+"\\n";	
			var ckeckFocus=1;	     	  
		} 	
	else
		{
			if(frm.pass.value!=frm.re_pass.value)
				{
		
				if(ckeckFocus!=1)
					frm.re_pass.focus();
					message=message+document.getElementById('pass_check').innerHTML+"\\n";	
					var ckeckFocus=1;	
				}
		}		
	
	if(frm.name.value=='')
	{
	
			if(ckeckFocus!=1)
				frm.name.focus();
				message=message+document.getElementById('name_alert').innerHTML+"\\n";	
			var ckeckFocus=1;	     	  
		} 	
	
	
		
	if(frm.city.value=='')
	{
	
			if(ckeckFocus!=1)
				frm.city.focus();
				message=message+document.getElementById('city_alert').innerHTML+"\\n";	
			var ckeckFocus=1;	     	  
		}
		
	
	if(frm.address.value=='')
	{
	
			if(ckeckFocus!=1)
				frm.address.focus();
				message=message+document.getElementById('address_alert').innerHTML+"\\n";	
			var ckeckFocus=1;	     	  
		}
	
// kode pos ga harus diisi
//	if(frm.zipcode.value=='')
//	{
//	
//			if(ckeckFocus!=1)
//				frm.zipcode.focus();
//				message=message+document.getElementById('zipcode_alert').innerHTML+"\\n";	
//			var ckeckFocus=1;	     	  
//		}	
		
	
	if(frm.mobile.value=='')
	{
	
			if(ckeckFocus!=1)
				frm.mobile.focus();
				message=message+document.getElementById('valid_mobile').innerHTML+"\\n";	
			var ckeckFocus=1;	     	  
		}
	else
		{ 
			var ret1=Valid_mobile(frm.mobile.value);
			
			if(ret1==1)
				{
	
				if(ckeckFocus!=1)
					frm.mobile.focus();
					message=message+document.getElementById('mobile_exists').innerHTML+"\\n";	
					var ckeckFocus=1;	
				}
		}	
	
	
	if(frm.email.value=='')
    {

		if(ckeckFocus!=1)
			frm.email.focus();	
			message=message+document.getElementById('email_alert').innerHTML+"\\n";	       	
		var ckeckFocus=1;
	}
	else
	{
		var frmEmail1 =frm.email.value.toLowerCase();	
		var frmEmailformat = /^[^@\s]+@([-a-z0-9]+\.)+([a-z]{2}|com|net|edu|org|gov|mil|int|biz|pro|info|arpa|aero|coop|name|museum)$/;
		if (!frmEmailformat.test(frmEmail1)) 
		{
			if(ckeckFocus!=1)
				frm.email.focus();	
				message=message+document.getElementById('email_valid').innerHTML+"\\n";	
			var ckeckFocus=1;
		}
		else
		{ 
		var ret2=Valid_email(frm.email.value); 
		if(ret2==1)
			{

			if(ckeckFocus!=1)
				frm.email.focus();
				message=message+document.getElementById('email_exists').innerHTML+"\\n";	
				var ckeckFocus=1;	
			}
		}	
	}
		
	if(frm.term_condition.checked!=true)
	{
	
//			if(ckeckFocus!=1)
//				frm.term_alert.focus();
				message=message+document.getElementById('term_alert').innerHTML+"\\n";	
			var ckeckFocus=1;	     	  
		} 	
	
	if(message)
 	  {	  
	    alert(message);
		return false;
	   }
	   else
	   {	document.registration.submit();
			return true;
	   }
}	
</script>
</body>
</html>
